<template>
  <div class="me">
    <div v-if="userInfo.id">
      <me-top></me-top>
    </div>
    <select-login v-else></select-login>
  </div>
</template>

<script>
import SelectLogin from './../Login/SelectLogin'
import MeTop from './MeTop'
import {mapState} from 'vuex'

export default {
    name: 'Me',
    components: {
      SelectLogin,
      MeTop
        
    },
    computed: {
      ...mapState(['userInfo'])
    }
}
</script>

<style lang="stylus" scoped>
.me
  background #f5f5f5
  width 100%
  height 100%
</style>